<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><!-- InstanceBegin template="/Templates/index.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- InstanceBeginEditable name="doctitle" -->
<title>Hạnh Đat Steel</title>
<!-- InstanceEndEditable -->
<link href="styles/style.css" rel="stylesheet" type="text/css" />
<link href="styles/superfish.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="styles/nivo-slider.css" media="screen" />
 

<!--[if lte IE 8]>
		<link rel="stylesheet" type="text/css" href="styles/ie8.css"/>
		<script type="text/javascript" src="js/html5.js"></script>
	<![endif]-->
<!-- InstanceBeginEditable name="head" -->
<!-- InstanceEndEditable -->
</head>

<body>
<div id="wrapper">
    <div id="header-top">
    
        <div class="container">
    
            <a href="#"></a>
    
            <p class="left">Chào mừng các bạn đã đến với website Hanhdatsteel.com</p>
    
            <div class="right"><span>Hổ Trợ trực tuyến: </span>
            	<a href="#"><img src="images/1373041568_yahoo.png" width="24" height="24"/> </a> 
             <a href="#"><img src="images/1373041582_skype.png" width="24"height="24"/> </a> </div>
            
            <div class="right">Hotline <a href="#"> </a> | <strong>090.999.2210</strong></div>
    
        </div><!-- end .container -->
    
    </div><!-- end #header-top -->
    
    <div id="header">
    
        <div class="container">
    
            <div id="logo">
                <a href="index.html">
                    <img src="images/logo.png" alt="Hanh Dat">
                </a>
            </div>
            
            <div id="header-ads">
               <h1> <p>CÔNG TY TNHH MTV</p><p> SẢN XUẤT THƯƠNG MẠI HẠNH ĐẠT</p> </h1>
                
            </div><!-- end #header-ads -->
    
        </div><!-- end .container -->
    
    </div><!-- end #header -->
    <div id="navigation">
    
        <div class="containerMenu">
        	    
           <ul id="nav" class="sf-menu no-js lavaLampWithImage">
				<li class="current">
								<a href="index.html">Trang Chủ</a>
								
							</li>

							<li>
								<a href="chitiet.html">Giới Thiệu</a>
							</li>
							<li>
								<a href="#">Sản Phẩm</a>
								<ul>
									<li>
										<a href="#">Tôn Cuộn</a>
										<ul>
											<li><a href="#">Tôn Mạ Màu</a>
												<ul>
													<li><a href="#">Tôn Phương Nam</a></li>
													<li><a href="#">Tôn Povina</a></li>

												</ul>
											</li>	
											<li><a href="#">Tôn Mạ Kẽm</a></li>
											<li><a href="#">Tôn Lạnh</a></li>
										</ul>
									</li>
									<li>
										<a href="#">Tấm Lợp</a>
										
									</li>
									<li>
										<a href="#">Xà Gỗ</a>
										
									</li>
									<li><a href="#">Thép Cán Nóng</a></li>
									<li><a href="#">Thép Cán Nguội</a></li>
                                    <li><a href="#">Thép Hộp Vuông</a></li>
									<li><a href="#">Thép Ống Tròn</a></li>
                                    <li><a href="#">Thép Định Hình</a></li>
									<li><a href="#">Sản Phẩm Khác</a></li>
                                    
								</ul>
							</li>
							
							<li>
								<a href="contact.html">Liên Hệ</a>
							</li>
							
						</ul>
    
        </div><!-- end .container -->
    
    </div><!-- end #nav -->
    
    <div id="nav-shadow"></div>
    <div class="slideShow">
    	<!-- InstanceBeginEditable name="slideshow" -->
		<!-- Standatd Nivo slider code with two classes setting position on home page header-->
			<img src="images/detail.jpg" width="980" height="140" alt=""/>	  
		<!-- InstanceEndEditable -->
<!--end slider-->
    </div>
    <div id="contentWrapper">
    	<div class="container">
         <!-- InstanceBeginEditable name="Containner" -->
            <div class="invent-site-map">
                <a href="#" class="active">Trang chủ </a> → <a href="#"> dự án </a>
            
            </div>
            <div id="contact" class="row-fluid">
					<div class="span12">
						<h1>Get in touch!</h1>
						<p>Quisque malesuada aliquam vulputate. Cras pulvinar erat ac velit eleifend porttitor at eu diam. Praesent elit mi, mattis vitae accumsan bibendum, porttitor non neque. Phasellus dignissim sagittis felis vel rutrum. Sed eget mi in massa luctus aliquam. In tincidunt scelerisque turpis placerat interdum. Donec convallis diam dolor, eu mollis magna. Aliquam a ante risus. Aliquam dapibus, lacus eu tristique congue, eros enim tempor nisl, at tempus enim erat nec leo. Ut ac tellus purus, eget pulvinar mauris. Maecenas tincidunt lectus at purus adipiscing id dapibus lectus vestibulum.</p>
					</div>

					<div id="map" class="span12"></div>

					<div class="row-fluid">
						<div class="span8">
							<h1>Send us a message</h1>
							<form id="contact-form">
								<label id="label" for="name"></label><input name="name" id="name" type="text" placeholder="Name" value="">
								<label id="label1" for="mail"></label><input name="mail" id="mail" type="text" placeholder="mail" value="">
								<label id="label2" for="website"></label><input name="website" id="website" type="text" placeholder="website" value="">
								<textarea name="comment" placeholder="Message" ></textarea>
								<div id="msg" class="message"></div>
								<input type="submit" id="submit" value="Send">
							</form>
						</div>

						<div class="span4">
							<h1>Contact info</h1>
							<p>Praesent elit mi, mattis vitae accumsan bibendum, porttitor non neque. Phasellus dignissim sagittis</p>
							<div>
								<p><img alt="" src="images/contact1.png">contact@company.com</p>
								<p><img alt="" src="images/contact2.png">+38649 123 456</p>
								<p><img alt="" src="images/contact3.png">http://www.envato.com</p>
							</div>

							<ul> <!-- Social Icons -->
								<li><a href="#"><img alt="" src="images/fb.png"></a></li>
								<li><a href="#"><img alt="" src="images/gogle.png"></a></li>
								<li><a href="#"><img alt="" src="images/rss.png"></a></li>
								<li><a href="#"><img alt="" src="images/twi.png"></a></li>
							</ul>
						</div>
					</div>

				</div>
       		  
		 
		 <!-- InstanceEndEditable -->
         </div>
        
    </div>
    <div class="footer clearfix">
    	<div class="container">
        	<div class="infoFooter">
            <h4>CÔNG TY TNHH MTV THƯƠNG MẠI SẢN XUẤT HẠNH ĐẠT</h4>
			<p><span>Địa Chỉ:</span> Số 4, Đinh Cung Viên, Phường Phước Long A, Quận 9, Thành phố Hồ Chí Minh</p>
			<p><span>Điện thoại:</span> 0837.99.99.99 - 0899.899.999 -<span> Email:</span> hanhdat@gmail.com* .<span> Hotline:</span> 0918. 658 032<p>
            </div>
            <div class="copyright"> Copyright © 2013 <a href="newwind.vn">New Wind Design </a>. All Rights Reseved </div>
        </div>
    </div>
</div>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
    <script type="text/javascript" src="js/superfish.js"></script>
    	<script type="text/javascript" src="js/core.js"></script>
        <script type="text/javascript" src="js/jquery.nivo.slider.js"></script>
        <script type="text/javascript" src="js/jquery.carouFredSel-6.2.1-packed.js"></script>
        <script type="text/javascript">
			
			$("#foo2").carouFredSel({
				circular: false,
				infinite: false,
				auto 	: true,
				width   : 980,
				prev	: {	
					button	: "#foo2_prev",
					key		: "left"
				},
				next	: { 
					button	: "#foo2_next",
					key		: "right"
				},
				pagination	: "display:none"
			});
			$("#fooH2").carouFredSel({
				
				circular: true,
				infinite: true,
				auto 	: true,
				padding: 15,
				width:   207,
				direction : "bottom",
				height: 380,
				items : 3,



			});
			
		</script>
   
</body>
<!-- InstanceEnd --></html>
